<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, user-scalable=no,
		 initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
		<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	</head>
	<body>
		<!-- 
		 PC端1px为一个物理像素，但在移动端就不尽相同
		 物理像素就是我们说的分辨率
		 先将图片缩小一半，再放在iPhone8就会放大一半，此时图片不会模糊
		 
		 background-size：x y;
		 background-size：50%;相对于父盒子来说的
		 background-size：cover;铺满整个div，可能部分背景图片显示不全
		 background-size：contain等比例缩放，等宽或者高铺满div时，就不再拉伸，可能有部分拥抱区域
		 -->
		 
		 <!-- 
		 CSS初始化使用normalize.css 
		 
		 
		 -->
	</body>
</html>
